<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>

	<script type="text/javascript" src="js/schedule.js"></script>
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_234130_nem7eskcrkpdgqfr.css">
</head>
<body>
	<div class="header">
		<div class="wrap">
			<ul>
				<a href=""><li>首页</li></a>
				<a href=""><li>口语预约</li></a>
				<a href=""><li>写作预约</li></a>
				<a href=""><li class="selected"></a>个人中心</li>
			</ul>
			<span class="wel">Welecome 14526-Mark</span>
		</div>
	</div>
	<div class="nav">
		<div class="logo">
			<img src="image/logo.png" alt="">
		</div>
		<div class="list">
			<div class="item">
				<img src="image/spoken.png" alt="">
				<a href="">口语记录</a>
			</div>
			<div class="item">
				<img src="image/write.png" alt="">
				<a href="">作文记录</a>
			</div>
			<div class="item">
				<img src="image/user_pre.png" alt="">
				<a href="">个人信息</a>
			</div>

		</div>
	</div>

	<div class="content1">
		<div class="content_top">
			<div class="date_btn">
				<img src="image/icon2.png" alt="" class="pic1">
				<span class="date_text">2018-08-01</span>
				<img src="image/icon2.png" alt="" class="pic2">
			</div>
			<div class="date_wrap">
				<div class="date_box"></div>
			</div>
			<span class="today_text">今天 2018-01-09</span>
			<span class="icon_refreshtext">刷新</span>
			<img class="icon_refresh" src="image/icon_refresh.png" alt="">
		</div>
		<div class="content_table">
			<table class="table_wrap">
			  <tr>
			    <th>上课时间</th>
			    <th>老师</th>
			    <th>作文类型</th>
			    <th>上传时间</th>
			    <th>状态</th>
			    <th>评价</th>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img src="image/icon1.png" alt="">
				    <div class="info">
				      <span class="info_title">评价</span>
					  <textarea>评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价</textarea>
					  <span class="btn_sure">提交</span>
					  <div class="nav1 nav-border"></div>
					  <div class="nav1 nav-background"></div>
					 </div>
				</td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			  <tr>
			    <td>11-9</td>
			    <td>Jak</td>
			    <td>雅思</td>
			    <td>---</td>
			    <td>未完成</td>
			    <td><img class="ti" src="image/icon1.png" alt=""></td>
			  </tr>
			</table>
		</div>

	</div>
	<div class="bottomwrap">
		<ul class="b_nav">
			<li class="b_nav_select">1</li>
			<li>2</li>
			<li>3</li>
			<li>···</li>
			<li>9</li>
			<li>></li>
		</ul>
	</div>
	
	<div class="help">
		<span><img src="image/zhu.png" alt=""></span>
		<p>助教</p>
	</div>
</body>
<script type="text/javascript">
	var mySchedule = new Schedule({
    el: '.date_box', //指定包裹元素（可选）
    date: '2018-9-20', //生成指定日期日历（可选）
    clickCb: function(y, m, d) {
        //点击日期回调（可选）
    },
    nextMonthCb: function(y, m, d) {
        //点击下个月回调（可选）
    },
    nextYeayCb: function(y, m, d) {
        //点击下一年回调（可选）
    },
    prevMonthCb: function(y, m, d) {
        //点击上个月回调（可选）
    },
    prevYearCb: function(y, m, d) {
        //点击上一年月回调（可选）
    }
	});
	$(".date_btn").on("click",function(){
    	$(".date_wrap").show();
    })
    $(".btn_sure").on("click",function(){
    	$(".info").hide();
    })
    $(".ti").on("click",function(){
    	$(".info").show();
    })
</script>
</html>